import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import Components from 'unplugin-vue-components/vite'
import { VantResolver } from 'unplugin-vue-components/resolvers'
import { resolve } from 'path'

// https://vitejs.dev/config/
export default defineConfig({  
  /**
   * 在生产中服务时的基本公共路径。
   * @default '/'
   */
  base: './', 
  build: {
    target: 'modules',
    outDir: 'dist', //指定输出路径
    assetsDir: 'assets', // 指定生成静态资源的存放路径
    minify: 'terser', // 混淆器，terser构建后文件体积更小 
  },
  css: {
      preprocessorOptions: {
          scss: {
              javascriptEnabled: true
          }
      }
  },  
  plugins: [
    vue(),
    Components({
      resolvers: [VantResolver()]
    })
  ],
  resolve: {
    alias: {
      '@': resolve(__dirname, 'src')
    }
  },
  server: { 
    open: false,  //启动项目后打开浏览器
    port: 4200, 
    https:false,
    cors: true 
  }
  // server: { 
  //   open: false,  //启动项目后打开浏览器
  //   port: 4200,
  //   //host: "http://127.0.0.1",
  //   https:false,
  //   cors: true, // 默认启用并允许任何源 
  //   proxy:{
  //     '/api':{
  //       target:'http://127.0.0.1:9900',//API服务地址
  //       changeOrigin:true, //开启跨域
  //       ws:true,
  //       rewrite: (path) => path.replace(/^\/api/, '')
  //     }
  //   } 
  // }
})
